<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>列表</title>
</head>
<body>
    <!-- HTML中三种列表 -->
    <!-- 1. 有序列表 -->
    <ol type="A">
        <li>列表文字一</li>
        <li>列表文字二</li>
        <li>列表文字三</li>
    </ol>
    <!-- 2. 无序列表 -->
    <ul type="square">
        <li><a href="">新闻标题一</a></li>
        <li><a href="">新闻标题二</a></li>
        <li><a href="">新闻标题三</a></li>
    </ul>
    <!-- 3. 自定义列表 -->
    <h3>前端三大块</h3>
    <dl>
        <dt>HTML</dt>
        <dd>负责页面的结构</dd>
        <dt>CSS</dt>
        <dd>负责页面的表现</dd>
        <dt>javascript</dt>
        <dd>负责页面的行为</dd>
    </dl>
</body>
</html>